Дизайн для панели управления умным домом

Дата публикации: 21.09.2026 18:08:27
Нужен дизайн веб-интерфейса для системы умного дома. Проект в разработке, backend и логика готовы — нужен дизайн экранов и компонентов. Что нужно спроектировать: Интерактивный план дома — 2D-схема с разделением на комнаты; клик по комнате → подсветка, зум, выезжающая панель управления. Переключатель этажей (1/2 этаж). Значки камер на плане с попапом видеопотока. Списочное меню комнат — альтернативная навигация списком, включая пункты «Улица» (уличное освещение) и «Видеонаблюдение». Виджеты управления устройствами: освещение (вкл/выкл + диммер), шторы/жалюзи, кондиционер (температура + режимы), вентиляция. Сценарии/автоматизации — экран создания и редактирования, кнопки быстрого запуска, настройка по расписанию. Авторизация и настройки — экран логина, 2FA, профиль, управление пользователями и правами доступа (роли Admin/User). Модальные окна подтверждения для критических действий (удаление, выход, сброс настроек). Адаптивность — под iPad (сенсорное управление) и смартфоны (компактная вёрстка, one-hand доступ). Что предоставлю я: подробное техническое задание, архитектурный чертёж дома (1 и 2 этаж, DWG/PDF) как основу для отрисовки плана, доступ к прототипу приложения для демонстрации логики. Требования к плану дома: на основе архитектурного чертежа дизайнер перерисовывает план в векторе — файл в формате SVG, где каждая комната представляет собой отдельный замкнутый контур (path/polygon) с уникальным id (например, room_kitchen, room_bedroom1). Контуры не объединяются в одну фигуру — каждая комната отдельным элементом, чтобы её можно было программно выделять и красить по id. Без растровых подложек и рендеров — только вектор, без размерных линий, штриховки стен и других чертёжных элементов. Помимо контуров комнат, план должен включать визуальное наполнение — мебель, технику и декор, чтобы схема выглядела как реальный дом, а не пустой чертёж. Наполнение размещается отдельным слоем поверх контуров (например, furniture_kitchen) и не является частью path самой комнаты — это нужно для того, чтобы заливка/подсветка комнаты при выборе не перекрывала визуал мебели. Формат сдачи: Figma, со всеми исходниками (иконки, шрифты, изображения).
Источник: www.fl.ru

Еще проекты:

название тест название тест название тест название тест название тест название тест

очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное опи...

название проекта название проекта название проекта

очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очен...

Создать сайт рога и копыта

Создать сайт рога и копыта на cms wordpress бла-бла-бла очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень длинное описание очень д...

Test

Test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, test, te...

название проекта

очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очень длинное описание проекта очен...